<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>house1</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/js/bootstrap-5.1.1-dist/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap-5.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/houses/house1.css">
</head>
<body>
<!--顶部-->
<div class="nav">
    <div class="head-logo">
        <a href="" ></a>
    </div>
    <div class="head-nav">
        <ul>
            <li><a href="" class="first-item">首页</a> </li>
            <li><a href="">手机端</a> </li>
            <li><a href="">成为房东</a> </li>
            <li><a href="">房源订单中心</a> </li>
            <li><a href="">个人中心</a> </li>
            <li><a href="">帮助</a> </li>
        </ul>
    </div>
    <div class="head-login">
        <a href="">
            <img class="login-logo" src="${pageContext.request.contextPath}/image/login-logo.svg"/>
            <span class="login-title">登录</span>
        </a>
        <a href="">
            <img class="regist-logo" src="../image/regist-logo.svg" >
            <span class="login-title">注册</span>
        </a>

    </div>
</div>
<!--中间-->
<div class="main">
    <!--房屋图片-->
    <div class="main_img">
        <ul>
            <li><img src="../image/house1_1.jpg"></li>
            <li><img src="../image/house1_2.jpg"></li>
        </ul>
    </div>
    <!--房屋简介-->
    <div class="main_manage">
        <div class="row row1">
            <div class="col-md-8 col1">
                <a href="" class="house_name">平江路拙政园博物馆狮子林闹市中静谧两居室</a>
                <div class="house_span">
                    <span class="house_number">房源编号：</span>
                    <span>159875</span>
                    <span class="house_address">地址：</span>
                    <span >苏州-平江区-平江街道建新巷37号</span>
                </div>
                <div class="house_content">
                    <ul>
                        <li class="hx">
                            <img src="../image/room_hx.png"><br/>
                            <span>2室</span>
                        </li>
                        <li class="cz">
                            <img src="../image/room_house.png"><br/>
                            <span>整租</span>
                        </li>
                        <li class="bed">
                            <img src="../image/room_bed.png"><br/>
                            <span>2张</span>
                        </li>
                        <li class="people">
                            <img src="../image/room_yzrs.png"><br/>
                            <span>宜住4人</span>
                        </li>
                        <li class="hp">
                            <span class="house_nr">100%</span><br/>
                            <span class="house_pj">好评率</span>
                        </li>
                        <li class="yd">
                            <span class="house_nr">30晚</span><br/>
                            <span class="house_pj">近期预定</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-1 col1">
            </div>
            <div class="col-md-3 col1">
                <div class="yuding">
                    <span >￥</span>
                    <span >268</span>
                    <span >每晚</span>
                </div>
                <button>立即预定</button>
            </div>
        </div>
    </div>
    <!--房屋详情-->
    <div class="main_content">
        <div class="house_title">
            <ul>
                <li>房间信息</li>
                <li>配套设施</li>
                <li>周边设施</li>
                <li>地理位置</li>
                <li>交易规则</li>
                <li>建筑地标</li>
                <li>要求及收费</li>
            </ul>
        </div>
        <div class="house_information">
            <label>关于此房源</label>
            <div class="house_news" style="text-indent: 2em;">
                新房复式公寓，房间装修精装简约而干净，非常舒适舒心，楼上干湿分离卫生间，两个独立房间，楼下厨房和客厅，家具电器全新，一应俱全。指纹门锁，刷卡电梯。
                地理位置非常优越，处于苏州工业园区北，位于金鸡湖五星景区与阳澄湖半岛中间，离双湖钧在五公里左右，离华宜影城6公里左右，离园区湖东CBD五公里。公寓附近配套设施齐全，附近800米内有多个餐饮娱乐广场，离医院800米，楼下有大超市，非常适合商旅度假！
            </div>
        </div>
        <div class="house_nr">
            <ul>
                <li>
                    <span class="house_ioc_title">房源类型：</span>
                    <span class="house_ioc_context">普通公寓</span>
                </li>
                <li>
                    <span class="house_ioc_title">户型：</span>
                    <span class="house_ioc_context">2室1厅</span>
                </li>
                <li>
                    <span class="house_ioc_title">出租类型：</span>
                    <span class="house_ioc_context">整租</span>
                </li>
                <li>
                    <span class="house_ioc_title">床型：</span>
                    <span class="house_ioc_context">双人床 双人床</span>
                </li>
                <li>
                    <span class="house_ioc_title">总床数：</span>
                    <span class="house_ioc_context">2张</span>
                </li>
                <li>
                    <span class="house_ioc_title">可住人数：</span>
                    <span class="house_ioc_context">4人</span>
                </li>
                <li>
                    <span class="house_ioc_title">独立卫生间：</span>
                    <span class="house_ioc_context">1</span>
                </li>
                <li>
                    <span class="house_ioc_title">面积：</span>
                    <span class="house_ioc_context">60平米</span>
                </li>
                <li>
                    <span class="house_ioc_title">发票：</span>
                    <span class="house_ioc_context">提供</span>
                </li>
            </ul>
        </div>
        <div class="house_ss">
            <label>配套设施</label>
            <ul>
                <li>
                    <span class="house_ioc_img"><img src="../image/broadband.svg"></span>
                    <span>宽带上网</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/wifi.svg"></span>
                    <span>无线WIFI</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/television.svg"></span>
                    <span>电视</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/bath.svg"></span>
                    <span>淋浴</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/air_condition.svg"></span>
                    <span>空调</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/washing.svg"></span>
                    <span>洗衣机</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/fridge.svg"></span>
                    <span>冰箱</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/hot.svg"></span>
                    <span>全天热水</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/kitchen.svg"></span>
                    <span>厨房</span>
                </li>
                <li>
                    <span class="house_ioc_img"><img src="../image/towel.svg"></span>
                    <span>毛巾</span>
                </li>
            </ul>
        </div>
        <div class="house_zb">
            <label>周边设施</label>
            <div style="text-indent: 2em;">
                附近800米内有超市，餐饮广场，KTV，电影院，医院，银行，加油站。
            </div>
        </div>
        <div class="house_lx">
            <label>乘车路线</label>
            <div style="text-indent: 2em;">
                距离苏州园区高铁站3公里，距离苏州火车站10公里，距离苏州火车北站（高铁站）8公里。公寓靠近园区主干道星湖街，有多路公交。
            </div>
        </div>
        <div class="house_dz">
            <div class="house_map_daaress" >
                <label>房源地址</label>
                <div style="text-indent: 2em;">
                    苏州-苏州工业园区-唯亭镇唯正路与亭隆街交叉口-星湖都市生活广场
                </div>
            </div>
            <div class="house_map"></div>
        </div>
        <div class="house_rule">
            <label>退款规则</label>
            <ul>
                <li>●    入住前1天12:00前如申请退款，订金全额退;</li>
                <li>●    入住前1天12:00之后至入住当天12:00之前，如申请退款，扣除50%订金;</li>
                <li>●    入住后如提前退房，扣除已入住天数房款总额，再扣除未入住天数房款总额的50%;</li>
                <li>●    中午12:00之后默认当天已经入住，申请退款和提前退房时间以系统记录的时间为准。</li>
            </ul>
        </div>
        <div class="house_yq">
            <label>要求及收费</label>
            <p>
                1. 请节约水电资源，离开房间时随手关闭电灯，电视和空调，不需要使用热水时请将热水器关闭。2. 厨房锅具和餐具俱全，使用后务必清洗干净归位，否则额外收取清洗服务费50元/次。3. 请保持房间内整洁有序，垃圾装袋后放门口即可。4.请不要在房间内大声吵闹以防邻居喜静投诉。5.吸烟的朋友务必不要在楼上卧室内吸烟，可在一楼吸烟但要注意开窗及时散味，烟头不要掉在地上避免烫黄地砖。6. 需要带好身份证办理入住。7请保管好自己的随身物品，如有遗留及时联系房东。
                <br/>
                到店支付押金¥300.00元
            </p>
        </div>
        <div class="house_pj">
            <label>房客评价</label>
            <div class="house_evaluate">
                <ul>
                    <li>
                        <div class="house_fk_img">
                            <img src="../image/fangke1.jfif">
                        </div>
                        <div class="house_fk">
                            <span>S**</span>
                            <p>  房东服务周到#  干净卫生#  设施齐全#  </p>
                        </div>
                    </li>
                    <li>
                        <div class="house_fk_img">
                            <img src="../image/fangke2.jfif">
                        </div>
                        <div class="house_fk">
                            <span>金**</span>
                            <p> 停车方便#  地铁交通便利#  可以做饭#  房东服务周到#  性价比高#  </p>
                        </div>
                    </li>
                    <li>
                        <div class="house_fk_img">
                            <img src="../image/fangke3.jfif">
                        </div>
                        <div class="house_fk">
                            <span>安**</span>
                            <p>  可以做饭#  房东服务周到#  性价比高#  设施齐全#  干净卫生#    </p>
                        </div>
                    </li>
                    <li>
                        <div class="house_fk_img">
                            <img src="../image/fangke4.jfif">
                        </div>
                        <div class="house_fk">
                            <span>冷**</span>
                            <p> 停车方便#  地铁交通便利#  可以做饭#  房东服务周到#  干净卫生#</p>
                        </div>
                    </li>
                    <li>
                        <div class="house_fk_img">
                            <img src="../image/fangke5.jfif">
                        </div>
                        <div class="house_fk">
                            <span>申**</span>
                            <p>   地铁交通便利#  可以做饭#  房东服务周到#  性价比高#  </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>